<!--  -->
<template>
<div id='mainTabBar'>
    <tab-bar>
        <tab-bar-item path="/home">
                <img src="../../../assets/img/home.png" alt="" slot="icon">
                <img src="../../../assets/img/home-o.png" alt="" slot="icon-o">
                <div slot="text">首页</div>
        </tab-bar-item>
        <tab-bar-item path="/category">
                <img src="../../../assets/img/category.png" alt="" slot="icon">
                <img src="../../../assets/img/category-o.png" alt="" slot="icon-o">
                <div slot="text">分类</div>
        </tab-bar-item>
        <tab-bar-item path="/cart">
                <img src="../../../assets/img/cart.png" alt="" slot="icon">
                <img src="../../../assets/img/cart-o.png" alt="" slot="icon-o">
                <div slot="text">购物车</div>
        </tab-bar-item>
        <tab-bar-item path="my">
                <img src="../../../assets/img/my.png" alt="" slot="icon">
                <img src="../../../assets/img/my-o.png" alt="" slot="icon-o">
                <div slot="text">我的</div> 
        </tab-bar-item>
    </tab-bar>
</div>
</template>

<script>
import tabBar from './tabBar/tabBar'
import tabBarItem from './tabBarItem/tabBarItem'

export default {
components: {
    tabBar,
    tabBarItem

},
data() {
return {

};
},
computed: {},
watch: {},
methods: {

},
created() {

},
mounted() {

},
updated() {},
}
</script>
<style lang='lcss' scoped>
//@import url();

</style>